<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    #myPath {
      fill: none;
      stroke: red;
      stroke-width: 2;
    }
    .animate{
      transform: scale(0.08) translateX(-50%) translateY(-50%) ;
    }
  </style>
  <body>
    <svg
      t="1712446868820"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1464"
      width="500"
      height="500"
    >
      <path
        id="myPath"
        d="M32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512L562.592 892.8a96 96 0 0 1-124.416-1.952l-308.16-270.688A278.976 278.976 0 0 1 32 407.584z"
        fill="#000000"
        p-id="1465"
      ></path>

      <path
      class="animate"
    x="0" y="0"
    transform=""
        d="M228.52096 518.4512c0.6912 2.6112 1.98144 5.02272 3.76832 7.05024l239.36 399.1552h-0.03072l39.8848 66.50368 39.88992-66.48832h-0.05632l240.90112-401.7152c0.58368-0.98304 1.07008-2.02752 1.44896-3.10272 27.52512-48.6912 42.0864-103.70048 42.0864-159.31904 0-178.80576-145.4592-324.26496-324.28544-324.26496-178.7904 0-324.26496 145.4592-324.26496 324.26496-0.00512 55.0912 14.26432 109.56288 41.29792 157.91616z"
        fill="#d81e06"
       
      >
      <animateMotion dur="5s" repeatCount="indefinite" rotate="auto" >
        <mpath xlink:href="#myPath" />
      </animateMotion>
    </path>
    </svg>

  </body>
</html>
